  <div id="header">
    <h1 align="left">You First!</h1>
    <h1 align="right">No You!</h1>
  </div>
  <div id="content">

    <div id="recent_boards">
      {% for board in boards %}
        {% if board.author %}
      <b>{{ board.author.nickname }}</b> posted:
        {% else %}
      An anonymous person posted:
        {% endif %}
      <blockquote><a href="/board?key={{ board.key|escape }}">{{ board.title|escape }}</a></blockquote>
      {% endfor %}
    </div>
    {% if logged_in %}
      	<h2>Create New Message Board:</h2>
    <form action="/create_board" method="post" class="tabular">
      <label for="title">Title:</label> <input type="text" name="title" id="title" />
      <br />
      <label for="description">Description:</label> <textarea name="description" id="description" rows="3" cols="60"></textarea>
      <br />
      <label for="deadline_timestamp">Deadline:</label> <input type="text" name="deadline_timestamp" id="deadline_timestamp" /> (yyyy-MM-dd hh:mm:ss)
      <br />
      <label for="deadline_timezone">Timezone Offset:</label> <input type="text" name="deadline_timestamp" id="deadline_timezone" />
      <script type="text/javascript">
        document.getElementById('deadline_timezone').value = (new Date().getTimezoneOffset() / -60);
      </script>
      <br />
      <input type="submit" value="Create Message Board" />
    </form>
    {% else %}
      	<h2><a href="{{ url }}">Log in with your Google Account</a> to create your own Message Board.</h2>
    {% endif %}

  </div>